.full {
  position: relative;
  width: 100%;
  height: 100%;
}

.full-width {
  position: relative;
  width: 100%;
}
.full-height {
  position: relative;
  height: 100%;
}


.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.t_left {
  text-align: left;
}

.t_center {
  text-align: center;
}

.t_right {
  text-align: right;
}

.left {
  float: left;
}

.right {
  float: right;
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.center_x {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.center_y {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.overflow {
  overflow: auto;
}

.overflow-x {
  overflow-x: auto;
}

.overflow-y {
  overflow-y: auto;
}

.border-box {
  box-sizing: border-box;
}

.content-box {
  box-sizing: content-box;
}

.weight_normal {
  font-weight: normal;
}
.weight_bolder {
  font-weight: bolder;
}
.weight_lighter {
  font-weight: lighter;
}
.d_flex {
  display: flex;
}

.t_line {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}



.d_block{
  display: block;
}
.b_inline_block{
  display: inline-block
}

.border-box{
  box-sizing: border-box;
}
.content-box{
  box-sizing: content-box;
}